   <ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
    <h:outputStylesheet library="css" name="default.css"/>
   
    <f:view contentType="text/html" id ="vista" >
     
                           
        <p:growl id="growl" life="2000" />
        <p:outputLabel value="Filtrar por " for="C001" styleClass="optionalLbl"/>
        <p:inputText value="#{ctrHitos.name}" id="C001"/>
         <h:outputText value=" " />
          #{ctrHitos.buscar_todo()}
         <p:commandButton actionListener="#{ctrHitos.buscar}" value="Buscar" id="buscar" update="tablaHit"  />
       
        <h:outputText value=" " />
        <p:commandButton actionListener="#{ctrHitos.nuevo}" value="Nuevo" id="nuevo" >
               <p:ajax event="dialogReturn" update="tablaHit" />
        </p:commandButton>
    
        <p:dataTable var="ite" value="#{ctrHitos.lista}" id="tablaHit"  rendered="true" > 
            
                
            <p:column headerText="Nombre">
                <h:outputText value="#{ite.cnombre}" />
            </p:column>
          
            <p:column headerText="Descripción">
                <h:outputText value="#{ite.cdescripcion}" />
            </p:column>    
            <p:column style="width:32px;text-align: center">
                <p:commandButton  actionListener="#{ctrHitos.edit(ite.ncodigo)}" icon="ui-icon-search" title="Editar">
                 
                    <p:ajax event="dialogReturn" update="tablaHit" /> 
                   
                 </p:commandButton>
            </p:column>
           
        </p:dataTable>

                 
    </f:view>
</ui:composition>

